<template>
<!-- 搜索页的每一个li -->
    <div>
        <li>
            <img :src="faceimg" alt="加载失败">
            <p>{{title}} <span>·公众号</span></p>
            <h4><span>{{people}}</span>人订阅 <span :class="status?'iconfont icon-dui1':'iconfont icon-tianjia'
"></span></h4>
        </li>
       
    </div>
</template>
import 
<script>
export default {
    mounted(){
        console.log(this.status)
    },
    props:{
        faceimg:{
          type:String  
        },
        title:{
          type:String  
        },
        people:{
          type:Number  
        },
        status:{
          type:Number  
        },
    }
}
</script>

<style scoped>

li{
    height: .4rem;
    border-bottom: 2px solid #f4f4f4;
    font-size: .14rem;
    line-height: .4rem;
}
li img{
    width: .3rem;
    height: .3rem;
    float: left;
    margin: .07rem .03rem 0 .14rem;

}
li p{
    /* margin-top: .14rem; */
    float: left;

}
li  span{
    font-size: .1rem;
    color: #a4a4a4;
}
li h4{
    float: right;
    font-size: .1rem;
    color: #a4a4a4;
    margin: 0 .18rem 0 0 ;
    line-height: .38rem;
}

.iconfont{
    color: black;
    font-size: .2rem;
    margin-left: .1rem;
    
    /* margin-top: .1rem; */

}
.icon-tianjia{
    margin-right: .03rem;
}
.icon-dui1{
    font-size: .16rem;
}
</style>